.admin-bar #logo .logoimg{top:0;}
.admin-bar #search{top:0;}
.admin-bar #top-bar{top:0;}
.admin-bar #main-nav{top:0;}
.style-vertical{background: #ededed;}
.style-vertical .body-wrap{
    color:#666;
    background:none;
}
#top-part{background: #323841;width: 100%;height: auto;}
#top-bar{position:relative;width: 90%; max-width: 1300px;margin:0 auto;height: 36px;}
#logo{width:260px;height:70px;margin-top: 20px;position:relative; z-index:0;}
#logo .logoimg{width:260px;height:70px;background:url("../images/logo-big.png") no-repeat scroll 0 0 transparent;line-height:70px;}
.user-nav{position: absolute;top:0; right: -10px;}
#search{z-index:1000;float: right;margin-top: 116px;}
.toggle-search{height: 22px;background: #0DA7AF;}
.search-expand{position:absolute;top:162px;right:0;background: #0DA7AF;}
.dropdown-menu{border:2px #aaa solid;}
.navbar .nav>li>.dropdown-menu:before{border-bottom:7px solid #aaa;}
#search.fixed{position:fixed;top:0;right:0;z-index:1000;margin-top: 0;}
#search.fixed .search-expand {
    top:48px;
}
#main-nav.fixed{position:fixed;top:0;left:0;right:0;width:100%;height: auto; opacity:0.9;}
#main-nav.fixed{/* padding: 1px; */}

.admin-bar .style-vertical .rightRoller{top: 60px;}
.admin-bar #main-nav.fixed{position:fixed;top:32px;left:0;}

#header{width: 100%;height: auto;padding-top: 80px;}
#main-nav{position:relative;width: 100%; float:none;top: 0;background: #09B1B9;}
#main-nav > ul{ width: 90%; max-width: 1300px;margin:0 auto;position:relative;}
#main-nav > ul li{float: left;width: auto;}
#main-nav > ul > li {height: 48px;}
#main-nav > ul > li:hover{background: #323841;}
#main-nav > ul > li > a{padding: 17px 10px;color: #fff;display: inline-block;}
#main-nav > ul ul li{width: 100%;}
#main-nav > ul > li.current-menu-item::after,
#main-nav > ul > li.current-post-ancestor::after,
#main-nav > ul > li.current-menu-ancestor::after,
#main-nav > ul > li.current-menu-parent::after{
    display:none;
}

#main-nav li:hover > ul {
  left: 0;
  top: 48px;
  border-left:none;
}

#main-nav ul ul li:hover > ul {
  left: 100%;
  top: 0;
}
#main-nav > ul > li.has-sub > a::after {
  right: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.current-post-ancestor,
.current-menu-ancestor,
.current-menu-parent,
.current-menu-item{background:#0DA7AF;}
.style-vertical .home-links .current-post-ancestor,
.style-vertical .home-links .current-menu-ancestor,
.style-vertical .home-links .current-menu-parent,
.style-vertical .home-links .current-menu-item{background:none;}
#main-nav .current-post-ancestor a,
#main-nav .current-menu-ancestor a,
#main-nav .current-menu-parent a,
#main-nav .current-menu-item a{background:none;color:#fff;}
#main-nav i{margin-right:0;}

#main-content{margin:0 auto; padding-top:0; width: 90%;max-width: 1300px;}
#breadcrumb,
#top-announce{border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;padding-top: 12px;padding-bottom: 12px;line-height: 20px;}
.container-fluid{padding:0;}
.footer-link,
.footer-nav,
.footer-info p{padding-left: 0;}
.footer-info{background: #323841;padding:30px 0;}
@media screen and (min-width:768px) and (max-width:1030px){
    #main-nav, #main-nav > ul{z-index:9;}
    #main-nav > ul > li > a {width: auto;white-space:nowrap;}
    #main-nav > ul > li:hover{min-width:0;background: #323841;}
    #main-nav > ul > li:hover a{min-width:0;overflow:visible;color: #fff;}
    #main-nav > ul > li:hover > ul{position:absolute;left:0;z-index:99;}
    #main-nav li .caret{display: inline-block;}
}
@media screen and (max-width:768px){
    #top-bar{ position:relative;width:100%;height: 48px;}
    #logo{width:100%; height: auto;margin: 0; padding:4px 0;float:none;}
    #logo .logoimg{margin:0 auto;}
    #top-bar .nav{border-bottom: none;width: 300px; height: 48px;padding-left: 10px;position: relative;top:0; left: 0;}
    #search{z-index:1000;float: right; margin-top: -48px;}
   .toggle-search{padding: 14px 14px 13px;background: #323841;border-left: 1px solid #465058;}
    .search-expand{position:absolute;top: 128px;right:0;width:100%;}
    #main-nav{background: #323841;/* padding-top: 10px; */}
    #main-nav ul{ width: 100%;}
    #main-nav ul li{float:none;height:44px;}
    #main-nav > ul > li > a {display: initial;line-height: 44px;}
    #main-nav i{margin-right:10px;}
    #main-nav .content{display:none;}
    #main-content{margin-left:0 !important;margin-top: 0;padding-left: 2%;width: 96%;}
    .admin-bar #logo .logoimg{top:0;}
    .admin-bar #search{margin-top: -48px;}
    .admin-bar #main-nav{top:0;}
    .admin-bar #top-announce{margin-top: 0;}
    .admin-bar .container-fluid{padding-top: 0;}
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #main-nav ul ul li:hover > ul {
    left: 0;
    top: 0;
  }
  #main-nav ul li,
  #main-nav ul ul li,
  #main-nav ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width:460px){
    #top-bar .nav{width: 250px;}
}